<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>携程zcj</title>
  <link rel="stylesheet" href="css/normalize.css" />
  <link rel="stylesheet" href="css/index.css" />
  <link rel="shortcut icon" href="images/XIECHENG.svg">
  <script src="./iconfont.js"></script>
  <style>
    .icon {
      width: 2em;
      height: 2em;
      vertical-align: -0.15em;
      fill: currentColor;
      overflow: hidden;
    }
  </style>
</head>


<body>

  <div class="search-index">
    <div class="search">搜索:目的地/酒店/景点/航班号</div>
    <a href="#" class="user">用户</a>
  </div>
  <div class="focus">
    <img src="uplord/focus2.jpg" alt="" />
  </div>
  <ul class="local-nav">
    <li>
      <a href="#" title="攻略.景点">
        <span class="local-nav-icon"></span>
        <span class="color2">攻略.景点</span>
      </a>
    </li>
    <li>
      <a href="#" title="门票.活动">
        <span class="local-nav-icon2"></span>
        <span class="color2">门票.活动</span>
      </a>
    </li>
    <li>
      <a href="#" title="美食林">
        <span class="local-nav-icon3"></span>
        <span class="color2">美食林</span>
      </a>
    </li>
    <li>
      <a href="#" title="周边游">
        <span class="local-nav-icon4"></span>
        <span class="color2">周边游</span>
      </a>
    </li>
    <li>
      <a href="#" title="一日游">
        <span class="local-nav-icon5"></span>
        <span class="color2">一日游</span>
      </a>
    </li>
  </ul>



  <div id="nav">
    <div class="row">
      <div style="position: relative">
        <span style="
              display: inline-block;
              position: absolute;
              top: 20px;
              left: 20px;
            ">酒店</span>
      </div>
      <div>民宿客栈</div>
      <div>
        <div style="color: #fb8650">特价爆款</div>
      </div>
    </div>
    <div class="row">
      <div style="position: relative">
        <span style="
              display: inline-block;
              position: absolute;
              top: 20px;
              left: 20px;
            ">机票</span>
      </div>
      <div>火车票</div>
      <div>
        <div>汽车船票</div>
        <div>专车租车</div>
      </div>
    </div>
    <div class="row">
      <div style="position: relative">
        <span style="
              display: inline-block;
              position: absolute;
              top: 20px;
              left: 20px;
            ">旅游</span>
      </div>
      <div>私家团</div>
      <div>
        <div>邮轮游</div>
        <div>定制游</div>
      </div>
    </div>
  </div>

  <ul class="subnav-entry">
    <li>
      <a href="#">
        <span class="subnav-entry-icon"></span>
        <span class="color">自由行</span>

      </a>
    </li>
    <li>
      <a href="#">
        <span class="subnav-entry-icon2"></span>
        <span class="color">WIFI电话卡</span>
      </a>
    </li>
    <li>
      <a href="#">
        <span class="subnav-entry-icon3"></span>
        <span class="color">保险.签证</span>
      </a>
    </li>
    <li>
      <a href="#">
        <span class="subnav-entry-icon4"></span>
        <span class="color">换钞.购物</span>
      </a>
    </li>
    <li>
      <a href="#">
        <span class="subnav-entry-icon5"></span>
        <span class="color">向导.包车</span>
      </a>
    </li>
    <li>
      <a href="#">
        <span class="subnav-entry-icon6"></span>
        <span class="color">特价机票</span>
      </a>
    </li>
    <li>
      <a href="#">
        <span class="subnav-entry-icon7"></span>
        <span class="color">礼品卡</span>
      </a>
    </li>
    <li>
      <a href="#">
        <span class="subnav-entry-icon8"></span>
        <span class="color">申卡.借钱</span>
      </a>
    </li>
    <li>
      <a href="#">
        <span class="subnav-entry-icon9"></span>
        <span class="color">社区</span>
      </a>
    </li>
    <li>
      <a href="#">
        <span class="subnav-entry-icon10"></span>
        <span class="color">更多</span>
      </a>
    </li>
  </ul>

  <!-- 新携程的 -->
  <footer class="tool-box">
    <div class="tool-cn">
      <a id="c_callcenter" class="tool-cn-link" href="tel:4008306666">
        <svg class="icon" aria-hidden="true">
          <use xlink:href="#icon-dianhua"></use>
        </svg>
        <span>电话预定 </span>
      </a>

      <a id="HOMEPAGE_TO_APP" class="tool-cn-link js_download_app" href="//m.ctrip.com/m/c67">
        <svg class="icon" aria-hidden="true">
          <use xlink:href="#icon-xiazai"></use>
        </svg>
        <span>下载客户端 </span>
      </a>

      <a id="HOMEPAGE_TO_APP" class="tool-cn-link js_download_app" href="//m.ctrip.com/m/c67">
        <svg class="icon" aria-hidden="true">
          <use xlink:href="#icon-ziyuan"></use>
        </svg>
        <span>我的 </span>
      </a>

      <!-- </div>
    <div class="tool-ver"></div> -->
  </footer>
</body>

</html>